import React , { useState, useEffect }from 'react'
import { Button,Table, Descriptions, Divider, InputNumber, Radio, Dropdown, Space,Input } from 'antd';
import FxpgApi from '../../../../../../../utils/apis/FxpgApi';
export default function Xzh(props) {
    const [datas,setDatas]=useState();
    const [total,setTotal]=useState();
    const [params,setParams]=useState({
        pageSize:5,
        pageNum:1
    });
    useEffect(()=>{
        FxpgApi.xzzh_findby(params).then((resp)=>{
            setDatas(resp.data);
            setTotal(resp.data2?.totalSize);
        })

    },[params])
    
  return props.qiehuan?(
    <div>
      <div style={{
                width:'100%',
            }} className='drop'>
                {/* <Dropdown className='space' menu={{
                    content
                }} trigger={["click"]} >
                    <a onClick={(e) => e.preventDefault()}>
                        <Space >
                            地质灾害
                            <DownOutlined />
                        </Space>
                    </a > 
                </Dropdown> */}
                <Input  className='input' placeholder='输入灾害点名称'/>
                <button>查询</button>
            </div>
            <div className='table'>
                <Table size='small' columns={[{
                    title:'序号',
                    dataIndex:'xh',
                    render:(text)=>{
                        return text
                    }
                },
                {
                    title:'灾害点名称',
                    dataIndex:'zhdmc',
                    render:(text)=>{
                        return text
                    }   
                },{
                    title:'类型',
                    dataIndex:'lx',
                    render:(text)=>{
                        return text
                    }   
                },{
                    title:'地区',
                    dataIndex:'dq',
                    render:(text)=>{
                        return text
 }   
                }
                ]} dataSource={datas}
                bordered
                pagination={{
                    current:params.pageNum,
                    pageSize:params.pageSize,
                    total,
                    simple:true,
                    onChange:(page)=>{
                        setParams(params=>{
                            return {
                                ...params,
                                pageNum:page
                            }
                        })
                    }
                }}/>

                
            </div>
    </div>
  ):(<div></div>);
}